/*
Template Name: 中国国家地理杂志
Template URI: http://www.cng.com.cn/
Description: The default cng template.
Version: 1.0
Author: zhaoxueqing
Author URI: http://www.cng.com.cn/
Logo filename: logo.gif
*/
* html {
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
  /*  fix IE6 background flicker  */
}
body {  font: 12px, Arial, Helvetica, sans-serif;  color: #808080;  background: none repeat scroll 0 0 #FFFFFF;}
body, th, td, input, select, textarea, button { font: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset,img { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em;}
ul,li {list-style:none;}
img {border: 0px;}
form {  margin: 0px;  padding: 0px;}
div, td, p {  font: 12px verdana, arail;  line-height: 150%;}
input, select, textarea {  font: 12px "Courier New";}
a:visited, a:link {  color: #808080;  text-decoration: none;}
a:hover {  color: #2359B1;}
.clear {  clear: both;}
#globalWrapper {  width: 930px;  margin: 0px auto;}
#hometopwrap {	background:url(images/topnavbg.jpg) repeat-x; height:27px; line-height:27px; margin-bottom:12px;}
#hometopwrap li { float:left;padding-left:12px;}
#hometopwrap .setpage { float:right;}
#hometopwrap .setpage li{ background:url(images/dot.gif) no-repeat 0 9px; padding-right:12px;}
#hometopwrap .topmenu a { padding-right:12px;}
#wrapper {
  width: 930px;
  overflow: hidden;
}
#page-left {
  float: left;
  width: 205px;
  padding: 0px 1px;
  overflow: hidden;
}
#page-middle {
  float: left;
  width: 525px;
  overflow: hidden;
  margin-left:8px;
}
#page-right {
  float: left;
  width: 180px;
  padding: 0px 1px;
  overflow: hidden;
  margin-left:8px;
}
#page-rightbig {float: right;
  width: 713px;
  padding: 0px 1px;
  height:1%;
  overflow: hidden;
  }
#page-rightmiddle {float: right;
  width: 713px;
  padding: 0px 1px;
  height:1%;
  overflow: hidden;}
#container {
  width: 930px;
  margin: 0px auto;
}
#container2 {
  width: 930px;
  margin: 0px auto;
}
#container3 {
  width: 930px;
  margin: 0px auto;
}
#container4 {
  width: 930px;
  margin: 0px auto;
}

#page-header {}
#cell-logo {}
#page-header .openbox li{ float:right; height:23px; overflow:hidden;padding-left:10px; margin-bottom:15px; }
#page-header .openbox li a { overflow:hidden; text-align:left; line-height:23px; text-indent:99999999999px; height:23px;display:block; float:left;}
	#page-header .openbox .open_singlecenter a{background: url(images/open_menu.gif) no-repeat 0 top; width:79px;}
	#page-header .openbox .open_take a{background: url(images/open_menu.gif) no-repeat -86px top; width:131px;}
	#page-header .openbox .open_order a{background: url(images/open_menu.gif) no-repeat -224px top; width:79px;}
	#page-header .openbox .open_flow a{background: url(images/open_menu.gif) no-repeat -312px top; width:78px;}
	#page-header .openbox .open_help a{background: url(images/open_menu.gif) no-repeat -400px top; width:44px;}

#globalNav {width:auto !important;width:600px;height: 29px;margin: 0 0 0 60px;	float:left;z-index:0;}
	  #globalNavright{min-width:200px;width:auto !important;height:29px;}
      #globalNav ul {height:29px;padding: 0 10px;}
	  #globalNav li {background-image: url(images/nav_bg.gif) no-repeat 0 -31px; height: 29px;float: left; width:78px;}
	   #globalNav li a {
        font-size: 12px;
        color: #000;
        background: url(images/nav_bg.gif) no-repeat 0 -31px;
        height: 29px;
		line-height:29px;
        float: left;
        width:78px;
      }
	  #globalNav .uprightline{margin: 0px;padding: 0px;width: 2px;float: left;height: 29px;}
      #globalNav #currentPage {background: url(images/nav_bg.gif) no-repeat right top;height: 29px;float: left; width:78px;}
      #globalNav #currentPage a {
        font-size: 12px;
        color: #000;
        background: url(images/nav_bg.gif) no-repeat left top;
        height: 29px;
		line-height:29px;
        float: left;
        width:78px;
      }
      #globalNav li {
        height: 29px;
        float: left;
		line-height:29px;
		text-align:center;
        width:78px;
      }
      #globalNav li a {
        height: 29px;
        overflow: hidden;
        float: left;
        width:78px;
      }

#search-bar {
  display: table;
  background:url( images/searchbg.gif) repeat-x;
  width: 930px;
  height:37px;
  padding-top:13px;
  margin-bottom:5px;
}

#search-bar #search-left {
    position:absolute; color:#FFF;
}
#search-bar #search-left a {color:#FFF;}
#search-bar #search-left a:hover {color:#FFF;}
#search-bar #search-right {
    float:right;
    position:relative;
    right:0;
}

#search-bar img, #search-bar input {
  vertical-align: middle;
}
.textbox {
  border: 1px solid #732808;
  padding: 4px 4px;
}
.boxall {border:1px solid #D3D3D3; padding:0 1px; margin-bottom:6px; height:1%; overflow:hidden;}
	.boxall .title-div {
	  background-image: url(images/titbg.gif);
	  background-repeat: repeat-x;
	  font-size: 14px;
	  color:#FFF7D6;
	  font-weight:700;
	  height:27px;
	  line-height:27px;
	  padding-left:12px;
	}
	.boxall .title-div .more { float:right;}
	.boxall .title-div .more  a{ color:#FFF; font-size:12px; margin-right:12px;}
.boxright {	border-top:1px solid #FFCC01;
	border-left:1px solid #FFCC01;
	border-right:1px solid #FFCC01;
	padding:0 0px; height:1%; overflow:hidden;}
.boxright_bottom {border-bottom:1px solid #FFCC01; margin-bottom:6px;}
	.boxright .title-div {background: url(images/barbg.gif) repeat-x;font-size: 12px;color:#000;font-weight:700;height:33px;line-height:33px;padding-left:42px;}
.tabblock {background: url(images/barbg.gif) no-repeat 0 -126px;font-size: 12px;color:#000;font-weight:700;height:33px;line-height:33px;}
.rebateimg { float:left; position: relative; left:318px;*left:318px;_left:308px; top:-10px;}
.tabblock h2 { float:left; background:url(images/stand.gif) no-repeat; width:100px; margin:5px 5px 0 10px; vertical-align:middle; text-indent:-88888px;}
.tabblock .tabs {float:right;}
.tabblock H3 {font-size: 1em; margin: 0px; line-height:27px; height:27px; display:block;}
.tabblock H3 .tab {	background: url(images/nav_bg.gif) no-repeat 0 -31px; width:78px; height:27px; font-weight: normal; float: left;  color: #f00;}
.tabblock H3 .curtab {background: url(images/nav_bg.gif) no-repeat;width:78px; height:27px;font-weight: normal; float: left;  color: #f00;}
.tabblock H3 a {text-decoration: none;color: #000;line-height:27px; height:27px;width: 78px; display:block; margin:3px 4px 0 0; text-align:center;}
.tabblock H3 a,.tabblock H3 .tab a:hover {background: url(images/nav_bg.gif) no-repeat 0 -31px;}
.tabblock H3 .curtab a:hover {background: url(images/nav_bg.gif) no-repeat;}
.tabcontent{ clear:both;}
.listbox {padding:0; margin:0; padding-left:10px; overflow:hidden;}
.listbox li{  width: 108px;  text-align: center;  margin: 15px;  *margin: 15px;  _margin: 13px;  float:left; line-height:20px;}
.listbox li img { padding:0; margin:0; border:0;}
.listbox li .thumb{}
.listbox li span { display:block;}

.cell-title .title-div{border-top:1px solid #FFCC01;border-bottom:1px solid #FFCC01;	  background: url(images/barbg.gif) repeat-x 0 -81px;	  font-size: 12px;
	  color:#000;	  font-weight:700;	  height:30px;	  line-height:30px;	  padding-left:42px;	}
.submitcomm {background: url(images/icon_but.gif) no-repeat 0 0; width:80px; height:24px; border:0 !important; padding:0px; color:#FFF;}
.submitcommlong {background: url(images/icon_butlong.gif) no-repeat; width:104px; height:24px; border:0 !important; padding:0px; color:#FFF;}
.submit_login {background: url(images/butbg.gif) no-repeat 0 -29px; width:80px; height:24px; border:0 !important; padding:0px; text-indent:-88888px;}
.submit_register {background: url(images/butbg.gif) no-repeat 0 0; width:80px; height:24px; border:0 !important; padding:0px; text-indent:-88888px; overflow:hidden;}
.submit_password {background: url(images/butbg.gif) no-repeat 0 -60px; width:80px; height:24px; border:0 !important; padding:0px; text-indent:-88888px;}
.submit_email {background: url(images/butbg.gif) no-repeat 0 -89px; width:80px; height:24px; border:0 !important; padding:0px; text-indent:-88888px;}
.submit_bg {background: url(images/butbg.gif) no-repeat 0 -120px; width:80px; height:24px; border:0 !important; padding:0px; text-indent:-88888px;}

.category_select {border: 1px solid #732808; height:24px; vertical-align:middle; line-height:24px;}
.textbox-light {  border: 1px solid #CECECE;  padding: 0 2px;}
#ECS_MEMBERZONE,#ECS_MEMBERZONE a{ color:#000;}
#main-table {  background-color: #DADADA;  table-layout: fixed;  width: 100%;}
#main-table td {  background-color: #FFF;}
#formLogin ul {  padding: 0px;  margin: 8px 8px 8px 30px;}
#formLogin li {  color: #2359B1;  line-height: 16px;  padding: 3px 0;}
.cell-cat {  background-color: #FFF;  padding: 3px;}
#cat-div,.menu-div {  background-color: #FFF;  padding: 10px;  margin: 3px;}
#cat-div ul,.menu-div ul { padding: 2px;}
#cat-div li { padding-left: 15px; background: url(images/dot.gif) no-repeat 0px -23px;line-height: 180%;}
.menu-div li { padding-left: 20px; background: url(images/dot.gif) no-repeat 0px -21px;line-height: 200%; border-bottom:1px solid #CCC; }

#cat-div li .parent-cat {font-weight:bold}
#cat-div a:visited, #cat-div a:link {  color: #333;  text-decoration: none;}
#cat-div a:hover {  color: #007ED6;  text-decoration: none;}
#footer-table {  background-image: url(images/footerbg.jpg);  background-repeat: repeat-x;  clear:both;}
.content-div {  padding: 5px;}
.content-div-search {  padding: 0px;}
.goods-price {  color: #E44087;}
.market-price {  background: url(images/line_through.gif) repeat-x center 8px;}
.goods-table {  width: 138px;  height:192px;  text-align: center;}
.goods-table td {  vertical-align:top;  background-color: #FFF;}
.article-list {  padding: 0px;  margin: 0px;  list-style-type: none;}
.article-list li {
  background-image: url(images/news_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 12px;
  border-bottom: 1px dashed #808080;
  line-height: 180%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.top-list {  padding: 2px;  margin: 0px;  list-style-type: none;}
.top-list li {  padding-left: 1em;  line-height: 130%;}
.history-list {  padding: 0 0 0 5px ;  margin: 0;  line-height:22px;}
.goods-list {
  border-top:1px solid #FC0;
  width: 100%;
  margin: 0px;
}
.goods-list td {
  background-color: #FFF;
  border-bottom:1px solid #FC0;
}
.goods-list .goods-listtdleft { border-right:1px solid #FC0;}
.cart-div {
  margin: 3px;
  padding: 4px;
}
.cart-div a {color:#FFF;}
#login-news {
  width: 715px;
  overflow: hidden;
}
#login {
  float: left;
  width: 170px;
}
.cell-news {
  float: left;
  width: 100%;
  height: 170px;
}
#tab-title {
  clear:both;
  background:url(images/tab_title.gif) no-repeat left bottom;
  height:40px;
}
.tab-front,
.tab-back {
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  display: inline;
  margin: 8px -7px 0 8px;
  padding:0 10px;
  float:left;
  border: 1px solid #00508F;
  border-bottom-width: 0;
  cursor: pointer;
}

.tab-front {
  color: #4262AC;
  background: url(images/tab_front.gif) repeat-x;
}

.tab-back {
  color:#FFF;
  background: url(images/tab_back.gif) repeat-x;
}

.cell-normal {
  background-image: url(images/news_bg.gif);
  background-repeat: repeat-x;
}
#flow-region {
  padding-bottom: 20px;
}
#flow-region th {
  background: #F0F0F0;
  padding: 4px 0;
}
#pager {
	text-align: center;
	background: url(images/barbg.gif) repeat-x 0 -40px;
	font-size: 12px;
	height:27px;
	line-height:27px;
	padding-left:12px;
	border-left:1px solid #FFCC01;
	border-right:1px solid #FFCC01;
	border-bottom:1px solid #FFCC01;
	padding-top:4px;
	*padding-top:4px;
	_padding-top:6px;
}
.boxwhole {	border:1px solid #FFCC01; margin-bottom:6px;}
.boxwhole .title-div {
	background: url(images/boxwhole.gif) repeat-x;
	font-size: 12px;
	color:#000;
	height:33px;
	line-height:33px;
	padding-left:42px;
	}
.boxwhole .title-login { font-weight:700; padding:10px 0 0 20px; font-size:14px;}
.boxwholebar {	border:1px solid #FFCC01;}
.boxwholebar .title-div {
	background: url(images/boxwholebar.gif) repeat-x left top;
	font-size: 14px; font-weight:700;
	color:#000;
	height:33px;
	line-height:33px; padding-left:12px;
	}
.boxwholebar .title-commentdiv{
	border-top:2px solid #CCC;
	font-size: 14px; font-weight:700;
	color:#000;
	height:33px;
	line-height:33px; padding-left:12px;
	}
img.thumb {
  margin: 10px 0;
}
td.help-cat {
  background-color: #FFFFFF;
  font-size: 14px;
  padding-top: 4px;
}
td.help-cat img {
  vertical-align: middle;
}
div.addto_cart {
  margin-top: 5px;
  padding: 5px;
  border-top: 1px dotted #DADADA;
}
div.addto_cart img {
  vertical-align: middle;
}
#compareLink { text-decoration: underline; }

form.sort {
  padding: 15px 5px 5px;
  text-align: right;
}
form.sort img {
  vertical-align: middle;
}
span.modify {
  line-height: 32px;
  float: right;
  padding-right: 10px;
  margin-top: 10px;
  font-size: 14px;
}
#loader {
  background-color: #FFFFCC;
  border: 1px solid #CC0000;
  position: fixed;
  color: #CC0000;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  padding: 5px 15px;
  /*display: none;*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65);
  opacity: 0.65;
}
* html #loader {
  position: absolute;
}

a#catalog-list {
  background: url(images/arrow_catalog.gif) no-repeat right top;
  padding-right: 10px;
}

a:hover#catalog-list {
  background: url(images/arrow_catalog.gif) no-repeat right -12px;
}

.catalog-div {
  border: 1px solid #808080; background: #FFF; display: none; position: absolute; padding: 5px 20px;margin:0;z-index:999;
}
.catalog-div ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.catalog-div li {
  white-space:nowrap;
}
.catalog-div .top-cate {
  border-bottom: 1px solid #DADADA; font-weight:bold; margin: 3px auto;
}
.catalog-div .snd-cate {
  padding-left: 1em;
}
span.notice {
  color: #F00;
}

span.promote {
 position: absolute;
 z-index: 1;
 opacity: 0.5;
 width: 100px;
 height: 100px;
 background: url(images/watermark_promote.png)  50px 70px no-repeat;
}

* +html .photo_largar {
 display:inline !important;
}


.photo_largar {
 position: relative;
 display:block;
}

img.new {
 position: absolute;
 right: 10px;
 top: 0;
}

span.hot {
 position: absolute;
 z-index: 1;
 opacity: 0.5;
 width: 100px;
 height: 100px;
 background: url(images/watermark_hot.png)  50px 70px no-repeat;
}

span.best {
 position: absolute;
 z-index: 1;
 opacity: 0.5;
 width: 100px;
 height: 100px;
 background: url(images/watermark_best.png)  50px 70px no-repeat;
}

#compareBox {
 width:130px;
 background: #FFF;
 padding: 10px 3px 5px;
 border: 1px solid #999;
 position: absolute;
 right:1px;
 top:200px;
 opacity: 0.8;
 filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8);
}

#compareBox input {
  color: #FFF;
  background: #000;
  width: 120px;
  padding-top: 3px;
  margin-bottom: 5px;
  border: 1px solid #000;
}

#compareList {
 margin:0px;
 padding:0px;
 width:120px;
}

#compareList li {
 color: #333;
 text-align:left;
 background: #F1F1F1;
 padding: 3px 5px;
 border: 1px solid #999;
 margin: 3px 0;
}

#compareList li img {
 float:right;
 padding-top:4px;
}

#myship-list {
  background: #F1F1F1;
  padding: 5px 20px;
  margin-top: 5px;
}

#myship {
  margin: 0 auto 30px auto;
}

#myship .myship-title {
  background: #FCE9AE;
}

#myship td {
  border-bottom: 1px dotted #FFF;
  padding: 5px 10px;
}

#myship .colum2 {
  background: #FEF8E2;
}
#myship .colum1 {
  background: #FEF3CF;
}

#price-grade {
  list-style: none;
  margin: 0;
  padding: 0;
}
#price-grade li {
  font: 12px Arial;
  background: url(images/arrow_orange.gif) no-repeat left center;
  padding-left: 10px;
  margin: 0 0 5px 8px;
}
#price-grade #price-grade-current {
  color: #333;
  background: url(images/arrow_black.gif) no-repeat left center;
}
#pwd_lower, #pwd_middle, #pwd_high {
  border-bottom: 2px solid #DADADA;
}
.activity-list {
  margin: 10px auto;
  border-collapse: collapse;
  border: 1px solid #DADADA;
  border-top: 3px solid #7fbee1;
}
.activity-list th {
  text-align: left;
  vertical-align: top;
  background: #F1F1F1;
  width: 140px;
  padding: 3px 10px;
}
.activity-list td {
  vertical-align: top;
  padding: 3px 10px;
}
.activity-list td a {
  color: #2359B1;
}
.activity-list td a:hover {
  text-decoration: underline;
}

/* new css*/
.buybar { background:url(images/buybar.gif) no-repeat ; height:40px; width:930px; overflow:hidden; margin-bottom:1px; text-indent:-888888px;}
.buybar02 { background:url(images/buybar.gif) no-repeat 0 -44px; height:41px; width:930px; overflow:hidden; margin-bottom:1px; text-indent:-888888px;}
.buybar03 { background:url(images/buybar.gif) no-repeat 0 -81px; height:40px; width:930px; overflow:hidden; margin-bottom:1px; text-indent:-888888px;}
.buybar04 { background:url(images/buybar.gif) no-repeat 0 -121px; height:40px; width:930px; overflow:hidden; margin-bottom:1px; text-indent:-888888px;}


/* help */
.helpbox { border:1px solid #CCC; color:#000; height:1%; overflow:hidden; clear:both; margin-top:6px;}
.telbox { background:url(images/icon_tel.gif) no-repeat 0 2px;height:110px; width:42%; float:left; border-right:1px solid #CCC;}
.telbox ul { margin-left:90px; padding:10px 0;}
.telbox li {background:url(images/dot2.gif) no-repeat 0 -52px; padding-left:10px; line-height:20px;}
.helpcontentbox { background:url(images/icon_help.gif) no-repeat 0 2px;height:87px; overflow:hidden;width:46%; float:left;padding:10px 0 10px 90px;}
.helpcontent li { float:left;background:url(images/dot2.gif) no-repeat 0 -52px; padding-left:8px; line-height:20px; width:140px; overflow:hidden;}
.helpcontent li a { color:#000;}
.boxwholebar .content{ padding:20px;}

.goodsimg { width:215px; margin:20px;} /*width:202px; height:282px; */
.goodsimg_breviary { width:140px; height:151px; margin:10px 0;}
.goods_note {background:url(images/clueto.gif) no-repeat 0 2px; padding:20px 0 6px 28px; color:#000;}
.collect {background:url(images/icon_minuteness.gif) no-repeat 0 -40px; padding-left:24px; height:25px; line-height:25px;}
.friend {background:url(images/icon_minuteness.gif) no-repeat 0 -2tpx; padding-left:24px; height:25px; line-height:25px;}
.tablebox td { padding:4px; border-top:1px solid #FC0; color:#000;}
.tablebox th { padding:4px; border-top:1px solid #FC0; color:#000;}
.tablebox .tablebox_tdleft {border-right:1px solid #FC0; text-align:right; vertical-align:middle;}
.tablebox .tablebox_tdleft_c {border-right:1px solid #FC0; text-align:center; vertical-align:middle;}
.tablebox .tablebox_tdmiddle {border-right:1px solid #FC0; text-align:center; vertical-align:middle;}
.tablebox .tablebox_tdleftvalue {border-right:1px solid #FC0; text-align:left; vertical-align:middle;}
.boxwholebar .content-div { padding:0 !important;}
.boxwholebar { margin-bottom:6px;}

.postdemonstrate {background:url(images/bankicon/postdemonstrate2.gif) no-repeat; width:556px; height:200px; text-align:left;}
.postdemonstrate p { font-weight:700; width:360px; padding:132px 0 0 100px; color:#505050;}
.postdemonstrate p span { color:#F00;}

.icon_print { float:right; padding-right:10px;}
.icon_print a {background:url(images/print.gif) no-repeat 0 0; padding-left:18px; color:#000;}
/* 礼品卡导航 */
.lipinka a{ width:78px;background:url(images/lpkjh.jpg) no-repeat scroll 0 top transparent}

/*客服QQ*/
#qqBox { background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #999999;    opacity: 0.8;    padding: 10px 3px 5px; position: absolute;    right: 1px;    top: 200px;    width: 90px;}